
<template tag="以下文档内容为hycli自动生成">
  <div>
  <el-dialog
    v-model="conf.visible"
    :title="title"
    draggable
    align-center="true"
    width="68%"
    :close-on-click-modal="false"

  >
    <el-tabs v-model="conf.selected">
      <el-tab-pane label="详情" name="aaalu">
<el-row :gutter="24" style="font-size: 0.7rem;">
  <el-col :span="4" class="text-right" style="min-height:26px">编号:</el-col>
  <el-col :span="8" v-text="view.sm_id||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">名称:</el-col>
  <el-col :span="8" v-html="view.name||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">所属公司:</el-col>
  <el-col :span="8" v-html="view.company||'-'" style="min-height:26px" ></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">商城:</el-col>
  <el-col :span="8">
  <el-link target="_blank" type="success" v-if="view.mall_address" :href="view.mall_address" :title="view.mall_address">查看</el-link> 
  </el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">运营系统:</el-col>
  <el-col :span="8">
  <el-link target="_blank" type="success" v-if="view.system_address" :href="view.system_address" :title="view.system_address">查看</el-link> 
  </el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">供货商:</el-col>
  <el-col :span="8">
  <el-link target="_blank" type="success" v-if="view.supplier_address" :href="view.supplier_address" :title="view.supplier_address">查看</el-link> 
  </el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">知识产权:</el-col>
  <el-col :span="8" v-text="view.ipr_label" style="min-height:26px" :class="$js.page.colorful(view.ipr,'ipr')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">部署方式:</el-col>
  <el-col :span="8" v-text="view.deploy_type_label" style="min-height:26px" :class="$js.page.colorful(view.deploy_type,'deploy_type')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">系统分类:</el-col>
  <el-col :span="8" v-text="view.system_category_label" style="min-height:26px" :class="$js.page.colorful(view.system_category,'system_category')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">项目类型:</el-col>
  <el-col :span="8" v-text="view.project_type_label" style="min-height:26px" :class="$js.page.colorful(view.project_type,'project_type')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">项目经理:</el-col>
  <el-col :span="8" v-text="view.pm_label" style="min-height:26px" :class="$js.page.colorful(view.pm,'pm')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">基础运营:</el-col>
  <el-col :span="8" v-text="view.operation_owner_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">供货类型:</el-col>
  <el-col :span="8" v-text="view.supply_type_label" style="min-height:26px" :class="$js.page.colorful(view.supply_type,'supply_type')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">备注:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.memo+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建人:</el-col>
  <el-col :span="8" v-text="view.creator_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建时间:</el-col>
  <el-col :span="8" v-text="view.create_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">状态:</el-col>
  <el-col :span="8" v-text="view.status_label" style="min-height:26px" ></el-col>
</el-row>
      </el-tab-pane>
    </el-tabs>
    <template #footer>
      <span style="height: 60px"> </span>
    </template>
  </el-dialog>
</div>
</template>
<script>
import gantt from "@/views/cmpnts/gantt.vue"
export default {
   components: {
    gantt,
  },
  data() {
    return {
        conf:{
        visible:false,
        
        selected:"aaalu",
      },
      title:"商城管理详情",
      form:{},
      view: {
        sm_id:"",
        name:"",
        company:"",
        mall_address:"",
        system_address:"",
        supplier_address:"",
        ipr:"",
        deploy_type:"",
        system_category:"",
        project_type:"",
        pm:"",
        operation_owner:"",
        supply_type:"",
        memo:"",
        creator:"",
        create_time:"",
        status:"",
        },
      }
  },
  methods: {
  show_cmpnt_aaalt(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaalt.show(form)
  },
  show_cmpnt_aaalq(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaalq.show(form)
  },
  show_cmpnt_aaalr(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaalr.show(form)
  },
  show_cmpnt_aaals(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaals.show_aaals(form)
  },
 show(form) {
    this.conf.visible = true
    this.form = form
   let that = this;
   this.$theia.http
      .get("/ws/sys/management",form)
      .then((res) => {
        let item = Object.assign({}, res)
        item.ipr_label = that.$theia.enum.getName("ipr",item.ipr)
        item.deploy_type_label = that.$theia.enum.getName("deploy_type",item.deploy_type)
        item.system_category_label = that.$theia.enum.getName("system_category",item.system_category)
        item.project_type_label = that.$theia.enum.getName("project_type",item.project_type)
        item.pm_label = that.$theia.enum.getName("operprs",item.pm)
        item.operation_owner_label = that.$theia.enum.getName("operprs",item.operation_owner)
        item.supply_type_label = that.$theia.enum.getName("supply_type",item.supply_type)
        item.creator_label = that.$theia.enum.getName("user_account",item.creator)
        item.status_label = that.$theia.enum.getName("ustatus",item.status)  
        item.name = (item.name||"")  
        item.company = (item.company||"")  
        item.mall_address = (item.mall_address||"")  
        item.system_address = (item.system_address||"")  
        item.supplier_address = (item.supplier_address||"")  
        item.memo = (item.memo||"")
        that.view = item
      })
      .catch((res) => {
        let code = res.response.status;
        let msg = `商城管理查询失败(${code})`;
        that.$notify.error({ title: "失败", message: msg, duration: 5000 });
      });
  },
  },
};
</script>
<style scoped>
/deep/.el-step__title{
    font-size: 0.8rem;
}
.steps{
  margin-top:8px;
  margin-bottom:  16px;
}
</style>